body {
    background-color: rgba(143, 188, 143, 0.562);
}

ul {
    display: flex;
    list-style: none;
    background-image: url(./);
    background-color: rgba(143, 188, 143, 0.562);

    li {
        margin: 10px;
        background-color: lightgoldenrodyellow;
        border-radius: 20px;
        width: 300px;
        height: 40px;
        text-align: center;
        line-height: 40px;


        a {
            display: block;
            text-decoration: none;
            color: deeppink;

            &:hover {
                cursor: pointer;
                color: lightskyblue;
            }
        }

    }
}

$c:deeppink;

h1 {
    text-align: center;
    color: $c;

    &::before {
        content: '*'
    }

    &::after {
        content: '*'
    }
}

h3 {
    color: $c;
    text-align: center;
}

.bor {
    border-style: ridge;
    border: seashell 3px solid;
}

.title {
    @extend .bor;
    
}
.zhengwen{
    height: 1000px;
    @extend .bor;
}

// @mixin csad ($bc:red,$ff){
//     background-color: $bc;
//     float: $ff;
// }
// .box{
//     width: 400px;
//     height: 400px;
//     border: 8px solid rgb(219, 33, 64);
//     margin: 0 auto;
//     .box1{
//     width: 150px;
//     height: 150px;
//     @include csad(blue,left)
// }
//     .box2{
//         @extend .box1;
//         @include csad(green,right)
//     }
// }